import React from 'react';
import './index.less';
import { Icon } from 'antd';
import { NavLink } from 'react-router-dom';
import { ShoppingCartOutlined, UserOutlined, HomeOutlined } from '@ant-design/icons';
//

export default function Tabs() {
  return (
    <footer className="tab-containers">
      <NavLink to="/" exact>
        <HomeOutlined />
        <span>首页</span>
      </NavLink>

      <NavLink to="/mine" exact>
        <ShoppingCartOutlined />
        <span>我的</span>
      </NavLink>

      <NavLink to="/profile" exact>
        <UserOutlined />
        <span>个人中心</span>
      </NavLink>
    </footer>
  );
}
